<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="vue/vue.js" charset="utf-8"></script>

</head>
<body>

<div id="app">
    {{msg}}
</div>

<!--vue1.0-->
<!--vue生存周期：  钩子函数    -->
<!--created    实例已经创建    有了实例之后就可以进行编译了-->
<!--beforeCompile  编译之前-->
<!--compiled   编译之后-->
<!--ready     插入到文档中-->
<!--beforeDestroy   销毁之前-->
<!--destroyed   销毁之后-->


<script>
    var vm = new Vue({
        el:'#app',
        data:{
            msg:"asdasd"
        },
        created:function () {
            alert('实例已经创建')
        },
        beforeCompile:function () {
            alert('编译之前')
        },
        compiled:function () {
            alert('编译之后')
        },beforeDestroy:function () {
            alert('销毁之前')
        },
        destroyed:function () {
            alert('销毁之后')
        }
    })

    document.onclick=function () {
        vm.sdetroy()
    }
</script>

</body>
</html>